@import "../_base/_function";
.ui-btn {
  @include inline-block();
  line-height: 32px;
  padding: 2px 1em;
  min-width: 120px;
  margin: 0 5px;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  &.ui-btn-block {
    display: block;
    margin: 5px;
  }
  &.ui-bn-radius {
    border-radius: 5px;
  }
  &.btn-warn {
    color: #fff;
    background: $orange;
    border: 1px solid $orange;
  }
  &.btn-warn-reversal {
    color: $orange;
    border: 1px solid $orange;
  }
  &.btn-primary {
    color: #fff;
    background: $primary-color;
    border: 1px solid $primary-color;
  }
  &.btn-primary-reversal {
    color: $primary-color;
    border: 1px solid $primary-color;
  }

}
.ui-mobile {
  .ui-btn {
    width: 100%;
    display: block;
  }

}